<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>${title}</title>

    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <style>
       #Formloading, #loading {
            z-index: 9999;
            padding: 5px 0 5px 9px;
            background: #c44;
            width: 110px;
            left: 50%;
            top: 0;
            margin-left: -55px;
            color: #fff;
            position: fixed;
            
        }
         #loading {
         display: none;
         }


        .skin-2 #Formloading, .skin-2 #loading {
            background: #f4dae5;
            color: #c44;
        }

        .table > tbody > tr > td{
            vertical-align: middle;
        }

        .table > tbody > tr > td input[type="text"]{
            text-align:left;
        }

		a:hover {text-decoration:underline;} 
    </style>
   
<%@ include file="../common/style.jsp" %>
</head>
<body class="no-skin">
<!-- 头部 -->
<%@include file="../common/header.jsp" %>
<%@include file="../common/left.jsp" %>
  
 <!-- 主内容开始 -->
  <div class="main-content">
        <!-- #section:basics/content.breadcrumbs -->
        <div class="breadcrumbs breadcrumbs-fixed" id="breadcrumbs">
            <ul class="breadcrumb">
                <li><i class="ace-icon fa fa-home home-icon"></i><a href="#"></a></li>
                <li>系统管理</li>
                <li>用户管理</li>
            </ul>
        </div>
        <!-- /section:basics/content.breadcrumbs -->
        <div class="container-fluid page-content" id="page-content-warp">
            <div class="row">
                <div class="col-xs-12">
                
                    <div class="wellContent well well-sm">
                        <form class="form-horizontal" id="searchForm">                
                             <div class="form-group">
                                <label class="col-sm-1 control-label">登录名称</label>
                                <div class="col-sm-2">
                                    <input name="name" class="form-control" type="text" id="search_name">
                                </div>
                                <label class="col-sm-1 control-label">用户名称</label>
                                <div class="col-sm-2">
                                    <input class="form-control" type="text" id="search_userName">
                                </div>
                                
                                <label class="col-sm-1 control-label">所属科室</label>
                                <div class="col-sm-2">
                                	 <input  class="form-control" type="text" id="search_office">
                                	 <!-- <input type="text" id="search_office"> -->
                                	 
                                   <%--  <select class="form-control" id="search_office">
                                    	<option value="" selected="selected">----请选择科室----</option>
                                    	<c:if test="${not empty officeList }">
                                    		<c:forEach items="${officeList }" var="office">
                                    			<option value="${office.code}">${office.name}</option>
                                    		</c:forEach>
                                    	</c:if>
                                    </select> --%>
                                </div>
                                <!-- 
                               <label class="col-sm-1 control-label">所属角色</label>
                               <div class="col-sm-2">
                                    <select class="form-control" >
                                      <option>-请选择-</option>
                                      <option value="1">操作员</option>
                                      <option value="2">主任</option>
                                      <option value="3">医生</option>
                                    </select>
                                </div>
                                 -->
                            </div>
                            <div class="form-group no-margin-bottom">
                                <label class="col-sm-1 control-label"></label>
                                <div class="col-sm-11">
                                    <div class="btn-group pull-right">
                                        <a href="javascript:void(0)" class="btn btn-primary btn-sm" id="user_manager_Search">查询</a>
                                         <a class="btnAdd btn btn-success btn-sm " role="button"  data-toggle="modal" id="sava_user_hospital_modal">
                                            	新增
                                         </a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
              
                </div>
                <!-- 查询表格 -->
                <div class="col-xs-12" id="SearchResultDiv">
                    <div class="table-responsive">
                    <table class="table table-striped table-bordered table-condensed table-hover dataTable" id="tbList">
                     
                        <thead id="userManager_page">
                           <tr>
                            <th>登录名称</th>
                            <th>用户名称</th>
                            <th>所属科室</th>
                            <!-- <th>所属角色 </th> -->
                            <th>最后登录时间 </th>
                            <th>操作</th>
                          </tr>
                        </thead>
                        
                        <tbody  id="tableList">
                        <!-- 
	                          <tr>
	                            <td>周大夫</td>
	                            <td>周生</td>
	                            <td>4112341889212345982</td>
	                            <td>医生</td>
	                            <th>2017-6-25 </th>
	                            <td>
						            <button class='btn btn-xs btn-info Edit'><i class='ace-icon fa fa-pencil bigger-120'></i>修改</button>
						        </td>
	                          </tr>
                         -->
                        </tbody>
                     
                     </table>
                    </div>
                    <div class="bitrans-table-footer" style="margin-top:10px;">
                        <div class="row">
                            <div class="col-sm-3 hidden-xs">
                                <div class="btn-group">

                                    
                                </div>
                            </div>
                            <div class="col-sm-9 col-xs-12">
                                <div class="pull-right">
                                    <ul class="pagination pull-right no-margin" id="pageUI">
                                    </ul>

                                </div>

                            </div>
                        </div>
                    </div>
                  
                  </div>    
            </div>
        </div>
    </div>
    
    
    
   <!--添加模态框  -->   
  <div id="Add" class="modal" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span id="Title">添加用户信息</span>      
                </div>
            </div>

            <form class="form-horizontal" id="doctorform">                   
            <div class="modal-body">

                <!-- #section:elements.form -->
                  <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right">登录名称</label>
                         <div class="col-sm-9">
                             <input id="sava_loginName" class="col-xs-10 col-sm-5" type="text" >
                         </div>
                  </div>
                  
                  <div class="form-group">
                  		<label class="col-sm-3 control-label no-padding-right">所属科室</label>
                         <div class="col-sm-4">
                         	  <input type="text" id="save_office">
                              <%-- <select class="form-control" id="save_office" >
                                    	<c:if test="${not empty officeList }">
                                    		<option value="">----请选择科室----</option>
                                    		<c:forEach items="${officeList }" var="office">
                                    			<option value="${office.code}">${office.name}</option>
                                    		</c:forEach>
                                    	</c:if>
                              </select> --%>
                         </div>
                  </div>
             
                   <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right">用户名称</label>
                         <div class="col-sm-9">
                             <input id="sava_userName" class="col-xs-10 col-sm-5" type="text" >
                         </div>
                  </div>
                    
                  <div class="form-group">
                           
                            <label class="col-sm-3 control-label no-padding-right">密码</label>
                            <div class="col-sm-9">
                                <input data-required id="sava_password" name="personcode" class="col-xs-10 col-sm-5" type="text" >
                                <div style="color:red" id="psInfo"></div>
                            </div>
                  </div>
                  
                    <div class="form-group">
                           
                            <label class="col-sm-3 control-label no-padding-right">重新输入密码</label>
                            <div class="col-sm-9">
                                <input data-required id="sava_second_passowrd" class="col-xs-10 col-sm-5" type="text" >
                                <div style="color:red" id="psInfo"></div>
                            </div>
                  </div>

                 <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">状态</label>
                                <div class="col-sm-9" style="margin-top:5px;">
                                     <input name="save_activate" class="sava_radio" value="1" type="radio" checked>启用 
                                     <input name="save_activate" class="sava_radio" value="2" type="radio">禁用
                                 </div>
                 </div>           
                </div>
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <button type="button" id="sava_user_hospital"  class="btn btn-sm btn-primary">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </button>
                        <input type="reset" id="sava_reset" style="display: none;">
                    </div>
                </div>
            </form>            </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
          
<!-- 修改密码 -->
<div id="update_password_modal" class="modal" tabindex="-1" data-backdrop="static">
	<input type="hidden" id="update_password_guid">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span id="Title">修改密码</span>      
                </div>
            </div>
   <form class="form-horizontal" id="update_password_form">                   
   <div class="modal-body">          
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right">新密码 </label>
                    <div class="col-sm-9">
                        <input type="password" id="update_new_password" placeholder="新密码" class="col-xs-10 col-sm-5" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right">重复新密码 </label>
                    <div class="col-sm-9">
                        <input type="password" id="update_repeat_new_password" name="NewPWDAgain" placeholder="重复新密码" class="col-xs-10 col-sm-5" />
                    </div>
                </div>    
     </div>
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <a href="javascript:void(0)" id="a_update_password"  class="btn btn-sm btn-primary">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </a>
                    </div>
                </div>
            </form>            </div>
           </div>
           </div> 
           
   <!-- 创建用户 -->        
<div id="create_account_modal" class="modal" tabindex="-1" data-backdrop="static">
	<input type="hidden" id="create_account_guid">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span id="Title">新用户注册账号</span>      
                </div>
            </div>
   <form class="form-horizontal">                   
   		<div class="modal-body">          
 			 <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right">账号</label>
                    <div class="col-sm-9">
                        <input type="text" id="account_loginName" name="OldPWD" placeholder="" class="col-xs-10 col-sm-5" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right">密码 </label>
                    <div class="col-sm-9">
                        <input type="password" id="account_password" placeholder="" class="col-xs-10 col-sm-5" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right">确认密码 </label>
                    <div class="col-sm-9">
                        <input type="password" id="confirm_password" name="NewPWDAgain" placeholder="" class="col-xs-10 col-sm-5" />
                    </div>
                </div>    
    		 </div>
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <a href="javascript:void(0)" id="a_create_account"  class="btn btn-sm btn-primary">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </a>
                    </div>
                </div>
            </form>           
            </div>
           </div>
           </div>
           
     <!--begin 修改用户信息 -->      
      <div id="updateUserName_modal" class="modal" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span id="Title">修改用户信息</span>      
                </div>
            </div>
   <form class="form-horizontal">                   
   		<div class="modal-body">          
 			 <div class="form-group">
 			 		<input type="hidden" id="user_id">
                    <label class="col-sm-3 control-label no-padding-right">用户名称</label>
                    <div class="col-sm-9">
                        <input type="text" id="user_name" placeholder="" class="col-xs-10 col-sm-5" />
                    </div>
             </div>
             <div class="form-group">

                    <label class="col-sm-3 control-label no-padding-right">所属科室</label>
                    <div class="col-sm-9">
                    	 <input type="text" id="update_office">
                         <%-- <select class="form-control" id="update_office" >
                                    	<c:if test="${not empty officeList }">
                                    		<option value="">----请选择科室----</option>
                                    		<c:forEach items="${officeList }" var="office">
                                    			<option value="${office.code}">${office.name}</option>
                                    		</c:forEach>
                                    	</c:if>
                         </select> --%>
                    </div>
             </div>
             
        </div>
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <a href="javascript:void(0)" id="update_userName_form"  class="btn btn-sm btn-primary">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </a>
                    </div>
                </div>
            </form>           
            </div>
           </div>
           </div> 
    <!-- end 修改用户名称 -->
          
           
     <!-- 分配角色 -->
   <div id="allot_role_modal" class="modal" tabindex="-1" data-backdrop="static">
	<input type="hidden" id="allot_role_guid">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span id="Title">分配角色</span>      
                </div>
            </div>
   <form class="form-horizontal" id="create_account_form">                   
   		<div class="modal-body">          
 			 <div class="form-group">
                    <label class="col-sm-3 control-label no-padding-right"></label>
                    <div class="col-sm-9" id="allot_role">
                    				<!-- 
                    				 <div class="checkbox">
									    <label>
									      <input type="checkbox">请打勾
									    </label>
									 </div>
                    				 -->
                    </div>
            </div>
        </div>
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <a href="javascript:void(0)" id="a_allot_role"  class="btn btn-sm btn-primary">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </a>
                    </div>
                </div>
            </form>           
            </div>
           </div>
           </div> 
           
    
 <!-- 主内容结束 -->
<%@ include file="../common/foot.jsp" %>

<%@ include file="../common/script.jsp" %>
<script src="${pageContext.request.contextPath }/publics/js/user_manage/user_manage.js"></script>

</body>
</html>







